<style>
    .content {
        margin: 0;
        padding: 0;
    }

    .form-horizontal {
        background-color: #f4f4f4;
    }
    label.required:before {
        content: '* ';
        color: red;
    }

    .bootstrap-select>.dropdown-toggle{
        width: 180px;
    }
    .rounded-box {
        background-color: white;
        border-radius: 10px; /* 圆角的大小 */
        padding: 10px; /* 内边距 */
        /*height: 100px; !* 高度 *!*/
        margin: 10px; /* 外边距 */
        position: relative;
    }

    .card {
        width: 100%;
        height: 100%;
    }

    .card_titlecon {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .card_titlel {
            display: flex;
            width: 30%;
        }
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <!--    员工信息-->
    <div class="rounded-box">
        <div class="form-group">
            <div class="form-inline">
                <label class=" required control-label col-xs-6 col-sm-1 ">{:__('Name')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
                </div>
            </div>
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('Sex')}:</label>
                <div class="radio">
                    {foreach name="sexList" item="vo"}
                    <label for="row[sex]-{$key}"><input id="row[sex]-{$key}" name="row[sex]" type="radio" value="{$key}" {in name="key" value="1" }checked{/in} /> {$vo}</label>
                    {/foreach}
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('角色')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <input id="c-rank_id" data-rule="required" data-source="wanlshop/staff/rank" data-field="name" class="form-control selectpage" name="row[rank_id]" type="text" value="">

                </div>
            </div>
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('Mobile')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <input id="c-mobile" data-rule="required" class="form-control" name="row[mobile]" type="text">
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('Rank')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <div class="form-inline" data-toggle="cxselect" data-selects="first,second" >
                        <select class="first form-control" name="row[rank_first]" data-url="ajax/staff_rank?pid=0"></select>
                        <select class="second form-control" name="row[rank_second]" data-url="ajax/staff_rank" data-query-name="pid"></select>
                    </div>
                </div>


            </div>
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('Jobgrade')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <div class="form-inline" data-toggle="cxselect" data-selects="first,second" >
                        <select class="first form-control" name="row[job_first]" data-url="ajax/staff_job?pid=0"></select>
                        <select class="second form-control" name="row[job_second]" data-url="ajax/staff_job" data-query-name="pid"></select>
                    </div>
                </div>
            </div>

        </div>
        {if $currshop == 1}
        <div class="form-group">
            <div class="form-inline">
                <label class="required control-label col-xs-6 col-sm-1">{:__('店铺')}:</label>
                <div class="col-xs-6 col-sm-4">
                    <input id="c-rank_id" data-rule="required" data-source="store/shop/index" data-field="shopname" class="form-control selectpage" name="row[shop_id]" type="text" value="">

                </div>
            </div>
        </div>
        {/if}
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-1"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
